<template>
    <h1>基础</h1>
</template>

<script>
export default {
    name: 'Basic' ,
    mounted(){
        // 通过组件的 $router 可以访问到在 main.js 中 通过 app.use( router ) 启用的 router 对象
        console.log( '$router: ' , this.$router );
        // 通过组件的 $route 的可以访问当前路由 ( 即正在被访问的路由 )
        console.log( '$route: ' , this.$route );
        // 通过组件的 $router 的 getRoutes 方法可以获得 在 main.js 中 createRouter 时所指定的 routes
        let routes = this.$router.getRoutes();
        console.log( 'routes: ' , routes );
    }
}
</script>